<template>
    <div class="newsinfo-container">
        <!-- <h3 class="title">新闻详情 --- {{ id }}</h3> -->
        <!-- 标题 -->
        <h3 class="title">{{newsinfo.title}} --- {{ newsinfo.id }}</h3>
        <!-- 子标题 -->
        <p class="subtitle">
            <span>发表时间：{{newsinfo.add_time}}</span>
            <span>点击： {{newsinfo.click}}次</span>
        </p>
        <hr>
        <!-- 内容区域 -->
        <div class="content" v-html="newsinfo.content"></div>
        <!-- 评论区域 -->
        <comment-box :id="this.id"></comment-box>
    </div>    
</template>

<script>

import {Toast} from 'mint-ui'
// 导入 评论 子组件
import comment from '../subcomponents/comment.vue'

export default {
     data(){
         return {
             id: this.$route.params.id,
             newsinfo: {
                    id: this.$route.params.id,
                    title: '58名支教美女老师被抓 真实身份惊人',
                    add_time: '2015-04-19 20:09:30',
                    click: 45,
                    content: '<p>永康公安微信公号消息，“我们是警察，放下手中的手机和鼠标，都老实待在原地！”3月25日下午3时51分，湖南长沙某写字楼31层传来一阵骚动，17位便衣警察冲入某间办公室，里面的13名人员一脸诧异，没来得及反应，就被警察迅速控制……</p><p>3月24日，经过前期三个月的缜密侦查，永康市公安局组织135名警力远赴湖南，对一起特大微信网络交友诈骗团伙进行统一收网行动。3月25日至3月26日，永康警方在当地警方协助下，在湖南省长沙市、常德市、益阳市的多幢写字楼、宾馆和小区公寓内抓获了包括主犯刘某在内的违法犯罪嫌疑人58人，其中刑事拘留52人，共捣毁7个窝点，缴获电脑83台、手机100多只、涉案银行卡30多张，初步查明案件400起，涉及全国，涉案金额200多万元。3月26日至3月28日，历经了将近13个小时，900多公里的车程，52名犯罪嫌疑人陆续被押解回永康。</p><p>永康公安微信公号消息，“我们是警察，放下手中的手机和鼠标，都老实待在原地！”3月25日下午3时51分，湖南长沙某写字楼31层传来一阵骚动，17位便衣警察冲入某间办公室，里面的13名人员一脸诧异，没来得及反应，就被警察迅速控制……</p><p>3月24日，经过前期三个月的缜密侦查，永康市公安局组织135名警力远赴湖南，对一起特大微信网络交友诈骗团伙进行统一收网行动。3月25日至3月26日，永康警方在当地警方协助下，在湖南省长沙市、常德市、益阳市的多幢写字楼、宾馆和小区公寓内抓获了包括主犯刘某在内的违法犯罪嫌疑人58人，其中刑事拘留52人，共捣毁7个窝点，缴获电脑83台、手机100多只、涉案银行卡30多张，初步查明案件400起，涉及全国，涉案金额200多万元。3月26日至3月28日，历经了将近13个小时，900多公里的车程，52名犯罪嫌疑人陆续被押解回永康。</p><p>永康公安微信公号消息，“我们是警察，放下手中的手机和鼠标，都老实待在原地！”3月25日下午3时51分，湖南长沙某写字楼31层传来一阵骚动，17位便衣警察冲入某间办公室，里面的13名人员一脸诧异，没来得及反应，就被警察迅速控制……</p><p>3月24日，经过前期三个月的缜密侦查，永康市公安局组织135名警力远赴湖南，对一起特大微信网络交友诈骗团伙进行统一收网行动。3月25日至3月26日，永康警方在当地警方协助下，在湖南省长沙市、常德市、益阳市的多幢写字楼、宾馆和小区公寓内抓获了包括主犯刘某在内的违法犯罪嫌疑人58人，其中刑事拘留52人，共捣毁7个窝点，缴获电脑83台、手机100多只、涉案银行卡30多张，初步查明案件400起，涉及全国，涉案金额200多万元。3月26日至3月28日，历经了将近13个小时，900多公里的车程，52名犯罪嫌疑人陆续被押解回永康。</p>'
            } //新闻列表假数据
            //  id: this.$route.params.id, // 将 URL 地址中传递过来的 ID 值， 挂载到 data 上，方便以后调用 
            // newsinfo: {}//新闻对象
        }
     },
     created(){
        //  this.getNewsInfo();
     },
     methods: {
        //  getNewsInfo(){
        //      this.$http.get('api/getnew/'+this.id).then(result=>{
        //          if(result.body.status === 0){
        //              this.newsinfo = result.body.message[0];
        //          }else {
        //              Toast('╮(╯▽╰)╭获取新闻失败！！！')
        //          }
        //      })
        //  }
     },
     components: { 
         // 用来注册 子组件 的节点
        "comment-box": comment
     }
}
</script>

<style lang="scss">
.newsinfo-container {
    padding: 0 4px;

    .title{
        font-size: 16px;
        text-align: center;
        margin: 15px 0;
        color: red;
    }
    .subtitle{
        font-size: 13px;
        color: #226aff;
        display: flex;
        justify-content: space-between;
    }
    .content{
        img {
            width: 100%
        }
    }
}
</style>

